<template>
	<el-container class="home-container">
		<!-- 头部区 -->
		<el-header>
			<span style="color: blueviolet;text-align: center;float: left; font-size:36px;">众筹后台管理</span>
			<el-button icon="el-icon-eleme" @click="logout" style="float: right;" circle></el-button>
		</el-header>
		<el-container>
			<!-- 导航区-->
			<el-aside width="200px" style="background-color: #333744 ">
				<el-menu default-active="3" background-color="#333744" text-color="#fff" active-text-color="#ffd04b"
					style="border-right: none;" router>
					<el-submenu index="1">
						<template slot="title">
							<i class="el-icon-s-home"></i>
							<span>首页</span>
						</template>
					</el-submenu>
					<el-submenu index="2">
						<template slot="title">
							<i class="el-icon-s-home"></i>
							<span>控制面板</span>
						</template>
					</el-submenu>
					<el-submenu index="3">
						<template slot="title">
							<i class="el-icon-setting"></i>
							<span>权限管理</span>
						</template>
						<el-menu-item index="/h_admin">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>管理员维护</span>
							</template>
						</el-menu-item>
						<el-menu-item index="/h_role">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>角色维护</span>
							</template>
						</el-menu-item>
						<el-menu-item index="/h_power">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>权限维护</span>
							</template>
						</el-menu-item>
					</el-submenu>
					
					<el-submenu index="4">
						<template slot="title">
							<i class="el-icon-setting"></i>
							<span>业务审核</span>
						</template>
						<el-menu-item index="#">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>实名认证审核</span>
							</template>
						</el-menu-item>
						<el-menu-item index="#">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>广告审核</span>
							</template>
						</el-menu-item>
						<el-menu-item index="/#">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>项目审核</span>
							</template>
						</el-menu-item>
					</el-submenu>
					
					<el-submenu index="5">
						<template slot="title">
							<i class="el-icon-setting"></i>
							<span>业务管理</span>
						</template>
						<el-menu-item index="#">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>资质维护</span>
							</template>
						</el-menu-item>
						<el-menu-item index="#">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>分类管理</span>
							</template>
						</el-menu-item>
						<el-menu-item index="#r">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>流程管理</span>
							</template>
						</el-menu-item>
						<el-menu-item index="#">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>广告管理</span>
							</template>
						</el-menu-item>
						<el-menu-item index="#">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>消息模块</span>
							</template>
						</el-menu-item>
						<el-menu-item index="/h_type">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>项目分类</span>
							</template>
						</el-menu-item>
						<el-menu-item index="/h_tag">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>项目标签</span>
							</template>
						</el-menu-item>
						<el-menu-item index="/h_user">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>用户管理</span>
							</template>
						</el-menu-item>
					</el-submenu>
					<el-submenu index="6">
						<template slot="title">
							<i class="el-icon-s-home"></i>
							<span>参数管理</span>
						</template>
					</el-submenu>
					
					
					<!-- 
					<el-submenu :index="it.id" v-for="it in menus">
						<template slot="title">
							<i class="el-icon-setting"></i>
							<span>{{it.name}}</span>
						</template>
						<el-menu-item :index="itt.path" v-for="itt in it.children">
							<template slot="title">
								<i class="el-icon-menu"></i>
								<span>{{
									itt.name}}</span>
							</template>
						</el-menu-item>
					
					</el-submenu> -->
					
				</el-menu>
				<strong></strong>
			</el-aside>
			<el-container>
				<!-- 主显示区 -->
				<el-main>
					<router-view></router-view>
				</el-main>
			</el-container>
		</el-container>
	</el-container>
</template>

<script>
	export default {
		data() {
			return {
				menus:[]
			}
		},
		async mounted() {
			/* var Admin =JSON.parse(window.sessionStorage.getItem('Admin'))
			var res=await this.$http.get('selectPowersByAdminId?admin_id='+Admin.id)
			this.menus=res.data
			console.log(this.menus) */
		},
		methods: {
			logout() {
				sessionStorage.clear();
				this.$router.push('/h_login')
			}
		}
	}
</script>

<style>
	.home-container {
		height: 100%;
	}

	.el-header {
		background-color: #B3C0D1;
	}

	.el-aside {
		background-color: #D3DCE6;
	}

	.el-main {
		background-color: #E9EEF3;
	}
</style>

